// out:../css/

.bg-body-tertiary{
    background-color: transparent !important;
    .navbar-collapse{
        flex-grow: 0;
    }
    
    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
        color:aqua ;
    }
    .nav-link{
        color: #fff;
    }
    .nav-link img{
        height: 15px;
        width: 15px;
    }

    .nav-link:hover{
        color: aqua ;
    }

}

// 轮播图
.carousel{
    @media(max-width:768px){
        .carousel-item{
            height: 250px;
        }
    }
    @media(min-width:768px){
        .carousel-item{
            height: 400px;
        }
    }
    @media(min-width:992px){
        .carousel-item{
            height: 500px;
        }
    }
    .carousel-item{
        background-size: cover;
        background-position: center 0;
    }
    .carousel-item:nth-child(1){
        background-image: url(../assets/uploads/banner_1.jpg);
    }
    .carousel-item:nth-child(2){
        background-image: url(../assets/uploads/banner_2.jpg);
    }
    .carousel-item:nth-child(3){
        background-image: url(../assets/uploads/banner_3.jpg);
    }
    .carousel-item:nth-child(4){
        background-image: url(../assets/uploads/banner_4.jpg);
    }
}

// 开源项目
// 开源项目
//视口宽度大于992;一行排4个盒子col-lg-3 
//视口宽度大于768;一行排2个盒子col-md-6
.project{
    margin-top: 60px;
    text-align: center;
    .row{
        div{
            margin-bottom: 10px;
            height: 200px;
            a{
                display: block;
                height: 200px;
                border-radius: 4px;
            }
            &:nth-child(1) a {
                background-color: skyblue;
            }
             &:nth-child(2) a {
                background-color: khaki;
            }
             &:nth-child(3) a {
                background-color: palegreen;
            }
             &:nth-child(4) a {
                background-color: palevioletred;
            }
            
            

        }
    }
}